<template>
  <el-container>
    <el-main>
      <prod-base-info edit-mod="DETAIL" />
      <prod-sale-info edit-mod="DETAIL" />
      <prod-c-c-d-c-info edit-mod="DETAIL" />
      <prod-monitor-info edit-mod="DETAIL" />
      <prod-fee-page edit-mod="DETAIL" />
      <prod-open-days-info edit-mod="DETAIL" />
      <prod-performence-info edit-mod="DETAIL" />
      <prod-val-plan-info edit-mod="DETAIL" />
      <prod-disclosure-plan-info edit-mod="DETAIL" />
    </el-main>
  </el-container>
</template>

<script>
  import prodBaseInfo from '@/views/page/M8/prod/info/prodBaseInfo'
  import prodCCDCInfo from '@/views/page/M8/prod/info/prodCCDCInfo'
  import prodDisclosurePlanInfo from '@/views/page/M8/prod/info/prodDisclosurePlanInfo'
  import prodFeePage from '@/views/page/M8/prod/info/prodFeePage'
  import prodMonitorInfo from '@/views/page/M8/prod/info/prodMonitorInfo'
  import prodOpenDaysInfo from '@/views/page/M8/prod/info/prodOpenDaysInfo'
  import prodPerformenceInfo from '@/views/page/M8/prod/info/prodPerformenceInfo'
  import prodSaleInfo from '@/views/page/M8/prod/info/prodSaleInfo'
  import prodValPlanInfo from '@/views/page/M8/prod/info/prodValPlanInfo'

  export default {
    components: {
      prodBaseInfo, prodDisclosurePlanInfo, prodSaleInfo, prodCCDCInfo,
      prodMonitorInfo, prodFeePage, prodOpenDaysInfo,
      prodPerformenceInfo, prodValPlanInfo
    },
    data() {
      return {
      }
    },
    methods: {
      handleClick(tab, event) {
      },
      next() {
        if (this.step.active < this.step.stepData.length) {
          this.step.active++
        }
      },
      before() {
        if (this.step.active > 1) {
          this.step.active--
        }
      }
    }
  }
</script>
